<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>确认对点发放</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/2.1.4jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="birparCont issCont">
			<!-- 轮播内容 -->
			<div class="bannerBox">
				<div class="search-box flex flex-align-c">
					<input placeholder="输入要搜索的老师名字" class="flex-1"/><img src="img/search.png" class="img1"/>
				</div>
				<div class="cont flex flex-align-c flex-justify-b">
					<div class="ct1 fontRed flex mt-80">
						<span class="f60">魔羯座</span>
						<span class="f32 mt-20">(7月23日-8月22日)</span>
					</div>
					<div class="xz-img mt-80">
						<img src="img/xz1.png" />
					</div>
				</div>
				<div class="leftBtn"><img src="img/more.png" /> </div>
				<div class="rightBtn fan"><img src="img/more.png" /> </div>
			</div>
		</div>
		<div class="issCont1 flex">
			<div class="cases flex">
				<img src="img/is-img1.png" />
				<div class="cont flex flex-justify-c">
					<span class="f24">收货信息统计</span>
					<span class="f22 fontG1 mt-10">信息列表</span>
				</div>
			</div>
			<div class="cases flex">
				<img src="img/is-img2.png" />
				<div class="cont flex flex-justify-c">
					<span class="f24">设置白名单</span>
					<span class="f22 fontG1 mt-10">添加新老师</span>
				</div>
			</div>
		</div>
		<div class="branTable branTable1">
			<table class="table table-striped">
			  <thead>
				<tr>
				  <th style="width: 13%;">序号</th>
				  <th style="width: 17%;">员工ID</th>
				  <th style="width: 20%;">姓名</th>
				  <th style="width: 32%;">收货信息</th>
				  <th style="width: 18%;">物流信息</th>
				</tr>
			  </thead>
			  <tbody>
				<tr>
				  <td>1</td><td>0426</td><td>张婷</td>
				  <td>
					  <div class="add-cont flex flex-justify-c">
						  <div class="ellip">张婷 <span class="ml-5">12587654213</span></div>
						  <div class="ellip mt-10">北京朝阳区十里</div>
					  </div>
				  </td>
				  <td><span class="fontRed">待发货</span></td>
				</tr>
				<tr>
				  <td>2</td><td>0245</td><td>张婷</td>
				  <td>
					  <div class="add-cont flex flex-justify-c">
						  <div class="ellip">张婷 <span class="ml-5">12587654213</span></div>
						  <div class="ellip mt-10">北京朝阳区十里</div>
					  </div>
				  </td>
				  <td><span class="fontRed">待发货</span></td>
				</tr>
				<tr>
				  <td>3</td><td>0245</td><td>张婷</td>
				  <td>
					<div class="add-cont flex flex-justify-c">
					  <div class="ellip">张婷 <span class="ml-5">12587654213</span></div>
					  <div class="ellip mt-10">北京朝阳区十里</div>
					</div>  
				  </td>
				  <td><span class="fontRed">待发货</span></td>
				</tr>
				<tr>
				  <td colspan="5">
					  <div class="editBox flex flex-justify-b">
						  <span class="ml-25">0245</span> <span>涨婷挺</span>
						  <div class="btnCont">
							  <div class="delBtn"><img src="img/del.png" /> </div>
							  <div class="editBtn"><img src="img/edit.png" /> </div>
						  </div>
					  </div>
				  </td>
				</tr>
			  </tbody>
			</table>
		</div>
		<div class="birparCont">
			<div style="height: 2.66rem;"></div>
			<div class="bottom-btn">修改发放礼品方式</div>
		</div>
		
	<script>
		(function(docs, win) {
			var docEls = docs.documentElement,
				resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalcs = function() {
					window.rem = docEls.getBoundingClientRect().width / 10;
					docEls.style.fontSize = window.rem + 'px';
				};
			recalcs();
			if (!docs.addEventListener) return;
			win.addEventListener(resizeEvts, recalcs, false);
		})(document, window);
	</script>
	</body>
</html>
